<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三列布局</title>
    <style>
        * {
            margin: 0 0;
            padding: 0 0;
        }

        .left {
            width: 240px;
            height: 600px;
            background: #ccc;
            position: absolute;
            left: 0;
            top: 0
        }

        .main {
            height: 600px;
            margin: 0 240px;
            background: #9cf
        }

        .right {
            height: 600px;
            width: 240px;
            position: absolute;
            top: 0;
            right: 0;
            background: #fcc;
        }
    </style>
</head>
<body>
<div class="left">left</div>
<div class="main">main</div>
<div class="right">right</div>


<div style="margin:20px auto;width:100px;height:100px;border-radius:100px;overflow:hidden">
    <img src="../../images/det_pic.png" style="margin:0;width:100%;height:100%;">
</div>

<div style="text-align:center;margin-top:30px">
    <a href="#" class="easyui-linkbutton" style="width:100%;height:40px"><span style="font-size:16px">Login</span></a>
</div>


<div style="text-align:center;margin-top:30px">
    <a href="#" class="easyui-linkbutton" plain="true" outline="true" style="width:100px;height:35px"><span style="font-size:16px">Register</span></a>
</div>




</body>
</html>